<!--<template>-->

<!--<el-autocomplete-->
<!--	:disabled="disable"-->
<!--	@blur="check_input"-->
<!--	class="input-with-select"-->

<!--	v-model="components_fuzzy_search.value"-->
<!--	@select="components_handleSelectHandleName"-->
<!--	:fetch-suggestions="components_querySearchHandleName"-->
<!--&gt;-->
<!--	<template #prepend>-->
<!--		<el-radio-group v-model="components_fuzzy_search.mode">-->
<!--			<el-radio-button label="助记码"/>-->
<!--			<el-radio-button label="名称"/>-->
<!--		</el-radio-group>-->
<!--	</template>-->

<!--	<template #append>-->
<!--		<el-button @click="clear_all()">-->
<!--			<el-icon>-->
<!--				<Delete/>-->
<!--			</el-icon>-->
<!--		</el-button>-->
<!--	</template>-->
<!--</el-autocomplete>-->
<!--</template>-->

<!--<script setup lang="ts">-->
<!--import {reactive} from "vue";-->
<!--import {HandleFuzzyList, HandleFuzzySearchResponse} from "@/api/first/FuzzySearch/type.ts";-->
<!--import {reqHandleFuzzySearch} from "@/api/first/FuzzySearch";-->
<!--import {Delete} from "@element-plus/icons-vue";-->

<!--const check_input = () => {-->
<!--	if(components_fuzzy_search.value !== components_fuzzy_search.old_value)-->
<!--		components_fuzzy_search.value = components_fuzzy_search.old_value-->
<!--}-->

<!--const components_fuzzy_search = reactive<HandleAutoCompletion>({-->
<!--	mode: '名称',-->
<!--	value: '',-->
<!--	old_value: '',-->

<!--	handle_name: '',  // 模糊搜索 处理方名称-->
<!--	handle_id: '',-->
<!--})-->

<!--export interface HandleAutoCompletion {-->
<!--	mode: '名称' | '助记码'-->
<!--	value: string-->
<!--	old_value: string-->

<!--	handle_name: string  // 模糊搜索 处理方名称-->
<!--	handle_id: number | ''-->
<!--}-->

<!--// 使用使用方名称进行模糊搜索-->
<!--const components_querySearchHandleName = (queryString: string, cb: (arg: any) => void) => {-->
<!--	if (queryString !== components_fuzzy_search.old_value) {-->
<!--		clearTimeout(timeout)-->
<!--		timeout = setTimeout(() => {-->
<!--			// 执行查询操作-->
<!--			reqHandleFuzzySearch({-->
<!--				mode: components_fuzzy_search.mode,-->
<!--				fuzzy_search_object: queryString-->
<!--			}).then((result: HandleFuzzySearchResponse) => {-->
<!--				cb(result.handle_fuzzy_list)-->
<!--			})-->
<!--		}, 1500)-->
<!--	} else {-->
<!--		cb([])-->
<!--	}-->
<!--}-->

<!--// 在模糊搜索返回结果中点击确定后，保存搜索结果，清理掉之前的搜索结果-->
<!--const components_handleSelectHandleName = (item: HandleFuzzyList) => {-->
<!--	components_fuzzy_search.handle_name = item.handle_name-->
<!--	components_fuzzy_search.handle_id = item.handle_id-->
<!--	components_fuzzy_search.value = item.handle_name-->
<!--	components_fuzzy_search.old_value = item.handle_name-->
<!--	cmy('DataUse', components_fuzzy_search)-->
<!--}-->

<!--const clear_all = () => {-->
<!--	clear_input()-->
<!--	cmy('DataClear')-->
<!--}-->

<!--let timeout: any-->

<!--const abc = defineProps(["disable", 'content']);-->
<!--if (abc.content !== undefined) {-->
<!--	components_fuzzy_search.value = abc.content-->
<!--} else {-->
<!--	components_fuzzy_search.value = ''-->
<!--}-->
<!--// DataUse：当点击候选词条后，通过该函数传递选中词条的信息-->
<!--// DataClear：当点击删除图标之后执行-->
<!--const cmy = defineEmits(["DataUse", "DataClear"]);-->
<!--const clear_input = () => {-->
<!--	components_fuzzy_search.handle_name = ''-->
<!--	components_fuzzy_search.handle_id = ''-->
<!--	components_fuzzy_search.value = ''-->
<!--	components_fuzzy_search.old_value = ''-->
<!--	components_fuzzy_search.mode = '名称'-->
<!--}-->
<!--const input_content = (content: string) => {-->
<!--	components_fuzzy_search.value = content-->
<!--}-->
<!--// clear_input：清除输入框中的内容 input_content：指定输入框中的内容-->
<!--defineExpose({clear_input, input_content});-->
<!--</script>-->


<!--<style>-->
<!--.input-with-select .el-input-group__prepend {-->
<!--	padding: 0;-->
<!--}-->
<!--</style>-->
